<!DOCTYPE html>
<html>
  <head>
    <title>{{title}}</title>
    <link rel='stylesheet' href='/stylesheets/main.css' />
    <link rel='stylesheet' href='/stylesheets/signin.css' />
  </head>
  <body>
    <div class="login-wrapper">
      <div class="login-container">
        <div class="login-tab">
          <a class="tab-item" href="/user/signin" >登录</a>
          &nbsp;|&nbsp;
          <a class="tab-item" href="/user/signup" >注册</a>
        </div>
        <div class="tab-main">
          <form id="registerForm" class="registerForm" action="/user/signup" method="post">
            <div class="form-group">
              <input  type="text" placeholder="用户名" name="username" required="true" />
            </div>
            <div class="form-group">
              <input type="password" placeholder="密码" name="password" class="password" required="true"/>
            </div>

            <div class="form-group">
              <input type="password" placeholder="确认密码" name="confirm_password" required="true" />
            </div>

            <div class="form-group">
              <input type="text" placeholder="邮箱" name="email" required="true" />
            </div>

            <div class="form-group">
              <input type="submit" value="注册" />
            </div>
          </form>
        </div>

        <div class="k-login">
          <div class="k-login-icon">
            <span>快捷登录：</span>
            <i class="iconfont icon-qq"></i>
            <i class="iconfont icon-weixin1"></i>
            <i class="iconfont icon-weibo"></i>
          </div>
        </div>
      </div>
    </div>
    <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
    <script src="/javascripts/libs/jquery.validate.min.js"></script>
    <script src="/javascripts/signup.js"></script>
  </body>
</html>
